<template>
  <div class="she">
    <div class="pyo" @click="$router.back()">
      <p class="popo" v-show="trs">
      </p>
    </div>
    <p>
      <slot name="Center"></slot>
    </p>
    <p>
      <slot name="right"></slot>
    </p>
  </div>
</template>
<script>
export default {
  props: {
    trs: {
      type: Boolean,
      default: true,
    },
  },
};
</script>
<style lang="scss" scoped>
.she {
  font-size: 20px;
  display: flex;
  height: 50px;
  background-color: white;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  .pyo {
    .popo {
      width: 10px;
      height: 10px;
      border-top: 2px solid blue;
      border-left: 2px solid blue;
      transform: rotate(-45deg);
    }
  }
}
</style>